/**
 * Created by Administrator on 2017/3/31 0031.
 */
'use strict';
import React, { Component } from 'react';
import {
    AppRegistry,
    StatusBar,
    Navigator,
    TouchableHighlight,
    Image,
    PixelRatio,
    ScrollView,
    Text,View,Button,
} from 'react-native';

import Head from './layout/Head';
import styles from '../assets/css/style.js';
var rem = (require('Dimensions').get('window').width)/7.5;
var onePT=1/PixelRatio.get();

export default class HeadOne extends Component{
    render(){
        var lists=[["首 页","icon_in"],["设 置","icon_sz"]];
        return (
            <View style={[styles.flex,styles.bgcolor]}>
                <Head title="状态查看" list={lists}> </Head>
                <ZhuangTai> </ZhuangTai>

            </View>
            //<View>
            //    <Text>hello world</Text>
            //</View>


        )
    }
}


class ZhuangTai extends Component{
    func(t){
        this.setState({
            show:t
        })
    };
    constructor(props){
        super(props);
        this.state={
            show:false

        };
        //var html;
        //item(ts){
        //    html+="<a></a>"
        //}
        //this.setstate(menu: hml)
    }
    render() {
        return (
            <View style={[styles.flex,styles.bgcolor]}>
                <ScrollView style={styles.ztScroll}>
                    <View style={styles.ztwrap}>
                        <View>
                            <View style={styles.topIcons}>
                                <Image
                                    style={styles.ztIcon_01}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_phone.png')}
                                />
                                <Image
                                    style={styles.ztIcon_02}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_sceen.png')}
                                />
                                <Image
                                    style={styles.ztIcon_03}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_com.png')}
                                />
                            </View>
                            <View style={styles.ztculoms}>
                                <Text style={styles.ztFont_01}>
                                    上联端口连接状态：
                                    <Text style={styles.ztFont_01}>
                                        正常
                                    </Text>
                                </Text>
                                <Text style={styles.ztFont_01}>
                                    下挂设备数量：
                                    <Text style={styles.ztFont_01}>
                                        10
                                    </Text>
                                </Text>
                            </View>
                        </View>
                    </View>
                    <View style={styles.ztCenters}>
                        <View style={styles.ztListAll}>
                            <View style={styles.ztList_01}>
                                <Image
                                    style={styles.ztList_img}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_list.png')}
                                />
                                <Text style={styles.ztList_font}>网管设备信息</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>设备型号</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>设备MAC</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>设备序列号</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>硬件版本</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>软件版本</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>CPU使用率</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>内存使用率</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                        </View>
                        <View style={styles.ztListAll}>
                            <View style={styles.ztList_01}>
                                <Image
                                    style={styles.ztList_img}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_list04.png')}
                                />
                                <Text style={styles.ztList_font}>WAN口信息</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>接口名称</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>接口描述</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>连接类型</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>VLANID号</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>优先级</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>协议类型</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>连接状态</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>IPV4地址</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>IPV6地址</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                        </View>
                        <View style={styles.ztListAll}>
                            <View style={styles.ztList_01}>
                                <Image
                                    style={styles.ztList_img}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_list03.png')}
                                />
                                <Text style={styles.ztList_font}>WIFI情况查看</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>WIFI协议类型</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={[styles.ztList_font02,styles.ztList_font03]}>信号道</Text>
                                <Text style={[styles.ztList_font02,styles.ztList_font03]}>
                                    HUAWEI
                                </Text>
                                <Image
                                    style={styles.ztList_ri}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_ri.png')}
                                />
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>信道频宽</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>发射功率</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                        </View>
                        <View style={styles.ztListAll}>
                            <View style={styles.ztList_01}>
                                <Image
                                    style={styles.ztList_img}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_list02.png')}
                                />
                                <Text style={styles.ztList_font}>下挂设备查看</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>设备名称</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>IP地址</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>连接时长</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>接入方式</Text>
                                <Text style={styles.ztList_font02}>2.4GHZ</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>上行端口速率</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={styles.ztList_font02}>下行端口速率</Text>
                                <Text style={styles.ztList_font02}>HUAWEI</Text>
                            </View>
                        </View>
                        <View style={[styles.ztListAll,styles.ztBottom]}>
                            <View style={styles.ztList_01}>
                                <Image
                                    style={styles.ztList_img}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_list01.png')}
                                />
                                <Text style={styles.ztList_font}>流量查看</Text>
                            </View>
                            <View style={styles.ztList_02}>
                                <Text style={[styles.ztList_font02,styles.ztList_font03]}>详细信息</Text>
                                <Image
                                    style={styles.ztList_ri}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_ri.png')}
                                />
                            </View>

                        </View>
                    </View>
                </ScrollView>

                {this.state.show?<View style={styles.selects}>
                    <Image
                        style={[styles.selectBg,{height:1.76*rem}]}
                        resizeMode="stretch"
                        source={require('../../assets/img/bg_img.png')}
                    />

                    {this.state.menu}
                    <View style={[styles.selectwrap,{height:1.76*rem}]}>
                        <View style={[styles.selectList,styles.selectFirst]}>
                            <Image
                                style={styles.selectIcon}
                                resizeMode="contain"
                                source={require('../../assets/img/icon_in.png')}
                            />
                            <Text style={styles.seFont}>首&nbsp;&nbsp;&nbsp;&nbsp;页</Text>
                        </View>
                        <View style={[styles.selectList]}>
                            <Image
                                style={styles.selectIcon}
                                resizeMode="contain"
                                source={require('../../assets/img/icon_sz.png')}
                            />
                            <Text style={styles.seFont}>设&nbsp;&nbsp;&nbsp;&nbsp;置</Text>
                        </View>
                    </View>

                </View>
                    :null}
            </View>
        );
    }
}


//export default SimpleApp;
//module.exports=ZhuangTai;
//export default zhuangTai

AppRegistry.registerComponent('iHGuapp', () => HeadOne);